<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="hostname" content="feling.net">
    <meta name="description" content="{{page.description}}">
    <meta name="keywords" content="{{ page.keywords | join: ',' }}">
    <meta name="robots" content="all">
    <meta name="author" content="feling.net">
    <title>{{ page.title }}</title>
    
    <link rel="stylesheet" href="//cdn.feling.net/css/uikit.min.css" media="all">
    <link rel="icon" type="image/png" href="//cdn.apihub.net/img/favicon.png">
    <script src="//cdn.apihub.net/js/jquery-3.3.1.min.js"></script>
    <style>
        :not(pre) > code {
            background: #ccc;
            border: 1px solid #e1e1e8;
            padding: 0.2em 0.4em;
            margin: 0;
            font-size: 85%;
            background-color: rgba(27,31,35,0.05);
            border-radius: 3px;
        }
        .highlight .hll { background-color: #ffffcc }
        .highlight .c { color: #aaaaaa; font-style: italic } /* Comment */
        .highlight .err { color: #F00000; background-color: #F0A0A0 } /* Error */
        .highlight .k { color: #0000aa } /* Keyword */
        .highlight .cm { color: #aaaaaa; font-style: italic } /* Comment.Multiline */
        .highlight .cp { color: #4c8317 } /* Comment.Preproc */
        .highlight .c1 { color: #aaaaaa; font-style: italic } /* Comment.Single */
        .highlight .cs { color: #0000aa; font-style: italic } /* Comment.Special */
        .highlight .gd { color: #aa0000 } /* Generic.Deleted */
        .highlight .ge { font-style: italic } /* Generic.Emph */
        .highlight .gr { color: #aa0000 } /* Generic.Error */
        .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
        .highlight .gi { color: #00aa00 } /* Generic.Inserted */
        .highlight .go { color: #888888 } /* Generic.Output */
        .highlight .gp { color: #555555 } /* Generic.Prompt */
        .highlight .gs { font-weight: bold } /* Generic.Strong */
        .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
        .highlight .gt { color: #aa0000 } /* Generic.Traceback */
        .highlight .kc { color: #0000aa } /* Keyword.Constant */
        .highlight .kd { color: #0000aa } /* Keyword.Declaration */
        .highlight .kn { color: #0000aa } /* Keyword.Namespace */
        .highlight .kp { color: #0000aa } /* Keyword.Pseudo */
        .highlight .kr { color: #0000aa } /* Keyword.Reserved */
        .highlight .kt { color: #00aaaa } /* Keyword.Type */
        .highlight .m { color: #009999 } /* Literal.Number */
        .highlight .s { color: #aa5500 } /* Literal.String */
        .highlight .na { color: #1e90ff } /* Name.Attribute */
        .highlight .nb { color: #00aaaa } /* Name.Builtin */
        .highlight .nc { color: #00aa00; text-decoration: underline } /* Name.Class */
        .highlight .no { color: #aa0000 } /* Name.Constant */
        .highlight .nd { color: #888888 } /* Name.Decorator */
        .highlight .ni { color: #800000; font-weight: bold } /* Name.Entity */
        .highlight .nf { color: #00aa00 } /* Name.Function */
        .highlight .nn { color: #00aaaa; text-decoration: underline } /* Name.Namespace */
        .highlight .nt { color: #1e90ff; font-weight: bold } /* Name.Tag */
        .highlight .nv { color: #aa0000 } /* Name.Variable */
        .highlight .ow { color: #0000aa } /* Operator.Word */
        .highlight .w { color: #bbbbbb } /* Text.Whitespace */
        .highlight .mf { color: #009999 } /* Literal.Number.Float */
        .highlight .mh { color: #009999 } /* Literal.Number.Hex */
        .highlight .mi { color: #009999 } /* Literal.Number.Integer */
        .highlight .mo { color: #009999 } /* Literal.Number.Oct */
        .highlight .sb { color: #aa5500 } /* Literal.String.Backtick */
        .highlight .sc { color: #aa5500 } /* Literal.String.Char */
        .highlight .sd { color: #aa5500 } /* Literal.String.Doc */
        .highlight .s2 { color: #aa5500 } /* Literal.String.Double */
        .highlight .se { color: #aa5500 } /* Literal.String.Escape */
        .highlight .sh { color: #aa5500 } /* Literal.String.Heredoc */
        .highlight .si { color: #aa5500 } /* Literal.String.Interpol */
        .highlight .sx { color: #aa5500 } /* Literal.String.Other */
        .highlight .sr { color: #009999 } /* Literal.String.Regex */
        .highlight .s1 { color: #aa5500 } /* Literal.String.Single */
        .highlight .ss { color: #0000aa } /* Literal.String.Symbol */
        .highlight .bp { color: #00aaaa } /* Name.Builtin.Pseudo */
        .highlight .vc { color: #aa0000 } /* Name.Variable.Class */
        .highlight .vg { color: #aa0000 } /* Name.Variable.Global */
        .highlight .vi { color: #aa0000 } /* Name.Variable.Instance */
        .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
    </style>

</head>

<body>
    <header>
        {% include goTop.html %}
        <nav class="uk-navbar">
            <a href="/" class="uk-navbar-brand" 
                onmouseover="$('#brand-img').addClass('brand-img-animation')"
                onmouseout="$('#brand-img').removeClass('brand-img-animation')">
                <img id="brand-img" class="brand-img-animation"  alt="logo"
                    width="28px;" height="28px;" src="//cdn.apihub.net/img/spinner.png">
                    <span class="uk-visible-large">聆熵信息</span>
            </a>
            <style>
                .brand-img-animation {
                    animation: uk-rotate 0.8s;
                    animation-delay:0.4s;
                }
            </style>
            <div class="uk-navbar-flip">    
                <ul class="uk-navbar-nav uk-hidden-small" >
                    <li><a href="/json/">Json 格式化</a></li>
                    <li><a href="/base64/">Base64 编解码</a></li>
                    <li><a href="/wsp/">WebSocket 联调</a></li>
                    <li><a href="/unicode/">\uxxxx 转中文</a></li>
                    <li><a href="/">更多 <i class="uk-icon-angle-double-right"></i></a></li>
                </ul>
            </div>
        </nav>
    </header>
    <hr style="margin:0;">
    <style>
    @media (min-width: 960px) {
            #content {
                padding-top: 15px;
                padding-left: 20%;
                padding-right: 20%;
                padding-bottom: 15px;
            }
        }
        @media (max-width: 960px) {
            #content {
                padding-top: 15px;
                padding-left: 15px;
                padding-right: 15px;
                padding-bottom: 15px;
            }
        }
    </style>
    <div id="content">
        <article class="uk-article">
            <h1>
                <span>{{ page.title }}</span>
            </h1>
            <span class="uk-article-meta">创建于 {{ page.date }}</span>
            <span class="uk-article-meta" style="padding-left:20px;">投稿人: {{ page.source }}</span>
            <hr>
            <div>
                {{ content }}
            </div>
        </article>
    </div>

    <hr style="margin:0">
    <footer style="background:#eee;height: 95px;">
        <div class="uk-visible-large uk-width-large-7-10" style="float:right;">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- feling-footer-rank -->
            <ins class="adsbygoogle"
                style="display:inline-block;width:728px;height:90px"
                data-ad-client="ca-pub-3779740765441924"
                data-ad-slot="5510290248"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
            <style>
                ins {
                    background:rgba(255,255,255,0);
                }
            </style>
        </div>
        <div class="uk-width-small-1-1 uk-width-medium-1-3 uk-width-large-3-10 uk-text-small uk-text-muted"
            style="padding-left:10px; padding-top: 10px;float:left;">
            <span>
                由 聆熵信息技术 维护与更新
            </span><br><br>
            <span>
                开源地址: https://gitee.com/apihub/feling.net
            </span><br><br>
            <span>
                <a href="http://www.beian.miit.gov.cn" rel="nofollow">闽ICP备19012687号</a>
            </span>
        </div>
    </footer>
    {% include baidu_tongji.html %}
</body>

</html>
